<template>
  <div>
    <userTitel :title="title"></userTitel>
    <!-- 基本信息 -->
    <el-card shadow="never">
      <div slot="header" class="clearfix">
        <span>基本信息</span>
      </div>
      <div>
        <el-form :inline="true">
          <el-form-item
            style="margin-left: 30px; margin-right: 200px"
            label="运输任务编号 :"
          >
            <span>{{ JSON.parse(this.$route.query.row).id }}</span>
          </el-form-item>
          <el-form-item style="margin-right: 200px" label="车牌号码 :">
            <span>{{ JSON.parse(this.$route.query.row).licensePlate }}</span>
          </el-form-item>
          <el-form-item style="margin-right: 200px" label="起始地机构 :">
            <span>{{ JSON.parse(this.$route.query.row).startAgencyName }}</span>
          </el-form-item>
          <el-form-item style="margin-right: 200px" label="目的地机构 :">
            <span>{{ JSON.parse(this.$route.query.row).endAgencyName }}</span>
          </el-form-item>
          <br />
          <el-form-item
            style="margin-right: 230px; margin-left: 30px"
            label="出车时间 :"
          >
            <span>{{ JSON.parse(this.$route.query.row).outStorageTime }}</span>
          </el-form-item>
          <el-form-item style="margin-right: 180px" label="回车时间 :">
            <span>{{ JSON.parse(this.$route.query.row).intoStorageTime }}</span>
          </el-form-item>
          <el-form-item style="margin-right: 200px" label="司机 :">
            <span>司机</span>
          </el-form-item>
        </el-form>
      </div>
    </el-card>
    <!-- 异常信息 -->
    <el-card shadow="never" style="margin-top: 20px">
      <div slot="header" class="clearfix">
        <span>异常信息</span>
      </div>
      <div>
        <el-form :inline="true">
          <el-form-item
            style="margin-left: 30px; margin-right: 400px"
            label="车辆故障 :"
          >
            <span>否</span>
          </el-form-item>
          <el-form-item style="margin-right: 430px" label="车辆违章 :">
            <span>否</span>
          </el-form-item>
          <el-form-item label="车辆事故 :">
            <span>否</span>
          </el-form-item>
        </el-form>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "lookOver",
  data() {
    return {
      title: "回单查看",
    };
  },

  created() {
    console.log(JSON.parse(this.$route.query.row));
  },

  methods: {},
};
</script>

<style scoped lang="scss">
::v-deep .el-card__header {
  text-align-last: left;
  line-height: 24px;
  font-weight: 600;
  background-color: #f8faff;
}
::v-deep .el-card__body {
  text-align-last: left;
  line-height: 24px;
}
</style>
